import React, { Component } from 'react';
import { Route, Switch } from 'react-router-dom';
import About from './about'
import Join from './join'
import Connect from './connect'
import TopNav from '../top_nav'
import BottomBar from '../bottom_bar'
class Our extends Component {
  render() {
    return (
      <div className="our-container">
        <TopNav style={{ background: '#fff', color: '#666' }} active="/home" />
        <div className="our-box">
          <Switch>
            <Route path="/our/about" component={About} />
            <Route path="/our/join" component={Join} />
            <Route path="/our/connect" component={Connect} />
          </Switch>
        </div>
        <BottomBar style={{ background: '#f9f9f9', borderTop: '1px solid #e5e5e5' }} />
      </div>
    );
  }
}

export default Our;